<template>
  <canvas id="glcanvas" width="640" height="480"></canvas>
</template>

<script>
export default {
  name: 'webgl',
  mounted () {
    const canvas = document.querySelector('#glcanvas')
    // 初始化WebGL上下文
    const gl = canvas.getContext('webgl')
    window.gl = gl

    // 确认WebGL支持性
    if (!gl) {
      alert('无法初始化WebGL，你的浏览器、操作系统或硬件等可能不支持WebGL。')
      return
    }

    // 使用完全不透明的黑色清除所有图像
    gl.clearColor(0.0, 0.0, 0.0, 1.0)
    // 用上面指定的颜色清除缓冲区
    gl.clear(gl.COLOR_BUFFER_BIT)
  }
}
</script>

<style scoped>

</style>
